<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <style>
       img{
         margin:30px 40px 30px 40px;
         width: 600px;
         height:400px;
         
       }
       nav a{
         margin: 45px 45px;
         padding:25px 25px ;
         font-size: 50px;
         background-color: aqua;
         background-size: contain;
         text-align: center;
       }
         em{
         font-style: normal;
         color: black;
         font-weight: bold;
       }
        .box1{
            text-indent: 2em;
            font-size: 30px;
        }
        .box3{
           text-indent: 2em;
           font-size: 30px;
           color: black;

        }
        .box4{
            padding: 20px;
            text-align: center;
            border-radius: 8px;
            color: black;
            width: 300px;
        }
        .box5{
            padding: 20px;
            text-align: center;
            border-radius: 8px;
            color: black;
            width: 300px;
        }
    </style>
</head>

<body>
    <h1 align="center">My Web</h1>
    <nav>
        <a href="file:///D:/%E6%96%87%E4%BB%B6/%E5%89%8D%E7%AB%AF/index2/%E8%AE%B84.html">广州风景</a>
        <a href="file:///D:/%E6%96%87%E4%BB%B6/%E5%89%8D%E7%AB%AF/index2/%E8%AE%B81.html">潮州风景</a>
        <a href="file:///D:/%E6%96%87%E4%BB%B6/%E5%89%8D%E7%AB%AF/index2/%E8%AE%B82.html">珠海风景</a>
        <a href="file:///D:/%E6%96%87%E4%BB%B6/%E5%89%8D%E7%AB%AF/index2/%E8%AE%B83.html">深圳风景</a>
    </nav>
    <div class="box1">
          <p>
            <em>广东</em>的星空清澈明亮，夜幕降临时，银河和星斗共舞，给人一种无尽遐想的感觉。
            <em>广东</em>的火山地质遗迹奇特而有趣，让人仿佛置身于火山的魔幻世界，令人神往。
            <em>广东</em>的小桥流水人家，古色古香的水乡风情让人仿佛回到了古代的江南世界。
            这只是广东的冰山一角，这片富饶之地的美丽景色和丰富魅力远不止这些。 
            探索广东,你会发现更多的唯美句子，被广东的魅力深深地吸引。
        </p>
    </div>
    <div class="box2">
        <div class="left">
            <h2  align="center">广东风景</h2>
            <img src="https://dimg06.c-ctrip.com/images/tg/291/194/404/23e013988586496dbaa7486f48eb92b5.jpg" alt="" >
            <img src="https://img95.699pic.com/photo/50035/9404.jpg_wh860.jpg" alt="" >
            <img src="https://pic4.zhimg.com/2491d036ce6968fc94243a8387641ead_r.jpg?source=1940ef5c" alt="" >
            <img src="https://img95.699pic.com/photo/50134/3571.jpg_wh860.jpg" alt="" >
        </div>
    </div>
    <div class="box3">
        <p>
            如果你想了解更多的话，请先登录：
        </p>
    </div>
    <div class="box4">
        <label for="">手机号</label>
        <input type="text" placeholder="请输入手机号">
    </div>
    <div class="box5">
        <label for="">密码</label>
        <input type="password" placeholder="请输入密码">
        <button>确认</button>
    </div >
</body>

</html>